*{
    margin: 0px;
    padding: 0px;
}
.nav{
   width: calc(360rem / 20);
    height: calc(44rem / 20);
     background-color: green;
    box-sizing: border-box;
    padding-top:calc(10rem / 20);
    font-size: calc(20rem / 20);
    color: white;
    text-align: center;
}

/*轮播*/
.banner{
		width: 100%;
	    height: calc(174rem / 20);
	   
		position: relative;
	    }
			.banner .banner_img_a{
				position: absolute;
				display: none;
			}
			.banner .show{
				display: block;
			}
			.banner img{
				width: calc(360rem / 20);;
				height:  calc(174rem / 20);
			}
			.banner .indicator{
				position: absolute;
				left:40%;
				bottom: calc(10rem / 20);
				height: calc(10rem / 20);
				width: calc(75rem / 20);
				/*background-color: lightgrey;
				border-radius: calc(8rem / 20);*/
			}
            .banner .indicator span{
				display: inline-block;
				width:  calc(10rem / 20);
				height:  calc(10rem / 20);
				line-height:  calc(10rem / 20);
				border-radius: 50%;
				background-color: gray;
				margin-left: calc(10rem / 20);		
			}
			.banner .indicator span.cur,.banner .indicator span:hover{
			    background-color: #fff;     
			} 
/*分类*/
.classify{
    width: calc(360rem / 20);
    height: calc(200rem / 20);
    border-bottom: 1px solid #e7e7e7;
}
.classify li{
    width: 25%;
    height: calc(100rem / 20);
    box-sizing: border-box;
    padding: calc(20rem / 20);
     text-align: center;
     float: left;
}
.classify li:hover p{
  color:green;
}
.classify li a{
     width: calc(48rem / 20);
    height: calc(48rem / 20);
    border-radius: 50%;
}

.classify li div img{
     width: calc(48rem / 20);
    height: calc(48rem / 20);
}
.classify li p {
    color: black;
    margin-top: calc(10rem / 20);
   font-size: calc(14rem / 20);
}
.list li{
    width: calc(180rem / 20);
    height: calc(100rem / 20);
    float:left;
}
.list li img{
     width: calc(180rem / 20);
    height: calc(100rem / 20);
}
/*底部*/
footer{
    height: calc(50rem / 20);
    width: calc(360rem / 20);
     background-color: green;
    position: fixed;
    bottom: 0;
}
footer div{
  width:25%;
    height: calc(50rem / 20);
    box-sizing: border-box;
    padding: calc(3rem / 20);
     text-align: center;
     float: left;
     border-radius:100%;
     
}
footer div img{
    height: calc(30rem / 20);
     width: calc(30rem / 20) 
}
footer div p{
    margin-top: calc(2rem / 20);
    color: white;
}